<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>用户登录</title>
<link rel="stylesheet" href="__PUBLIC__/css/lrtk.css" type="text/css" media="screen" />
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<style type="text/css">
body { 
	margin:0; 
	padding:0; 
}
h2,h3,span {
	font-family:"宋体";
}
a { text-decoration:none;}
.login_frame {
	width:1150px;
	height:100%;
	margin: 0 auto;
	position:relative;
}

.login_logo {
	position:absolute;
	right:150px;
	top:100px;
}
.login_box {
	width:287px;
	height:295px;
	background:url(__PUBLIC__/images/login_input.png) no-repeat;
	position:absolute;
	right:0px;
	top:300px;
	padding:0px 35px;
}
.login_box h2 {
	color:#FFF;
	font-weight:lighter;
}
.login_box h3 {
	color:#FFF;
	font-size:12px;
	font-weight:400;
	float:right;
	margin-right:70px;
}
.login_box span {
	color:#F77722;
	font-size:12px;
	line-height:24px;
	float:right;
	margin-right:70px;
}
.input_name {
	width:221px;
	height:40px;
	background:url(__PUBLIC__/images/login_input1.jpg) no-repeat;
}
.input_password {
	width:221px;
	height:40px;
	margin-top:10px;
	background:url(__PUBLIC__/images/login_input2.jpg) no-repeat;
}
.input_name_txt {
	margin-left:42px;
	margin-top:8px;
	background-color:transparent;
	border:0px;
	font-size:20px;
}
.input_password_txt {
	margin-left:42px;
	margin-top:8px;
	background-color:transparent;
	border:0px;
	font-size:20px;
}
.submit {
	width:221px;
	height:41px;
	margin-top:36px;
	background:url(__PUBLIC__/images/login_submit.png) no-repeat;	
	text-align:center;
}
.submit_btn {
	background-color:transparent;
	border:0px;
	font-size:20px;
	color:#FFF;
	margin-top:5px;
	cursor:pointer;
}

.flex-direction-nav li a {
	width: 52px; height: 52px; 
	margin: -13px 0 0; 
	display: block; 
	background: url(__PUBLIC__/images/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 50%; 
	cursor: pointer; 
	text-indent: -9999px;
}
</style>
<script src="__PUBLIC__/js/jquery.flexslider-min.js"></script>

    <script type="text/javascript">
        $(window).load(function() {
            $('.flexslider').flexslider();
        });
    </script>
 <script type="text/javascript">
    //验证数据    
    function checkData() {
        var $errormsg = $('.errormsg');
        
        $errormsg.html('');
        
        if ($.trim($('.input_name_txt').val()) == '') {
             $errormsg.html('用户名不能为空！');
             return false;
        }
        
        if ($.trim($('.input_password_txt').val()) == '') {
            $errormsg.html('密码不能为空！');
            return false;
        }
        
        
        return true;
    }
    
    //提交数据
    function submitData() {
        if (checkData()) {
            $.ajax({
                url : $('#frm').attr('action'),
                type :　'post',
                data : {
                    employe_work_id : $('.input_name_txt').val(),
                    employe_password : $('.input_password_txt').val()
                },
                success : function (data) {
                    if (data == 'ok') {
                        //跳转
                        location.href = "__APP__";
                    }
                    else {
                        $('.errormsg').html(data);
                    }
                }
            });
        }
    }
    
</script>
</head>
<body>
<img class="login_bg" src="__PUBLIC__/images/login_bg.jpg" style="width: 100%;height: 100%; position: absolute; z-index: -1;" />
<div class="login_frame">

		<div id="container">
	        <div class="flexslider">
	            <ul class="slides">
	           		<li><img src="__PUBLIC__/images/1.jpg"/><p class="flex-caption">sfsdfsd</p></li>
	            	<li><img src="__PUBLIC__/images/2.jpg"/><p class="flex-caption">sfsdfsd</p></li>
	            	<li><img src="__PUBLIC__/images/3.jpg"/><p class="flex-caption">sfsdfsd</p></li>
	            </ul>
	      	</div>
	    </div>
	
	
	<img class="login_logo" src="__PUBLIC__/images/login_logo.png" />
    <div class="login_box">
    	<h2>登录丽丰</h2>
        <form name="login_form" id="frm" action="__URL__/loginPost" method="post">
        	<div class="input_name">
           		 <input class="input_name_txt" name="employe_work_id" type="text" size="15" value="" placeholder="用户名"/>
            </div>
            <div class="input_password">
           		 <input class="input_password_txt" name="employe_password" type="password" size="15" value="" placeholder="密码"/>
            </div>
            <a href="#"><h3>忘记登录密码？</h3></a>
            <div class="submit">
                <input class="submit_btn" name="submit" type="button" value="         登录          " onclick="submitData();"/>
            </div>
            <span class="errormsg"></span>
        </form>
    </div>
</div>
</body>
</html>